export default function Demo() {
  const onDragOver = (e:any) => {
    e.preventDefault();
  }
  const onDropFile = (e:any) => {
    console.log('files', e.dataTransfer.files)
    e.preventDefault();
  }
  return (
    <div style={{border: '1px solid red', width: '9rem', height: '9rem'}}
      onDragOver={onDragOver}
      onDrop={onDropFile}
    >
    </div>
  );
}
